export const useKData = () => {
  let loading = ref(false);

  const option = ref({
    tooltip: {
      trigger: "axis",
      axisPointer: {
        type: "cross"
      }
      // formatter: function (params: any) {
      //   console.log(params, "params[0]");

      //   // params 是一个包含了当前鼠标悬停点的信息的对象
      //   // 您可以根据需求访问它的属性来定制 tooltip 的显示内容
      //   // 例如，假设您想要显示 x 和 y 坐标的值
      //   return `${params[0].name} <br/> CCI: ${params[4].value}`;
      // }
      // foz
    },
    grid: {
      left: "1%",
      right: "1%",
      bottom: "3%",
      containLabel: true
    },
    xAxis: [
      {
        type: "category",
        splitLine: { show: false },
        data: [],
        axisTick: {
          show: false // 设置为 false 来取消刻度线
        },
        axisLine: {
          show: false // 隐藏 X 轴线
        }
      }
    ],
    yAxis: [
      {
        type: "value",
        name: "-",
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        },
        max: 4,
        // interval: 0.1,
        min: -0.2
        // offset: [-10, -10]
      },
      {
        type: "value",
        name: "K",
        axisTick: {
          show: false
        }
        // max: 15
      },
      {
        type: "value",
        name: "cci",
        axisTick: {
          show: false
        },
        axisLabel: {
          show: false
        },
        splitLine: {
          show: false
        }
        // max: 15
      }
    ],
    // dataZoom: {
    //   show: true,
    //   start: 99,
    //   end: 100
    // },
    series: [
      {
        name: "MACD",
        type: "column",
        stack: "Total",
        barWidth: 1,
        data: [],
        itemStyle: {
          color: function (params: any) {
            return params.data >= 0 ? "red" : "#00FFFF";
          }
        }
      },
      {
        data: [],
        name: "DEA",
        type: "line",
        showSymbol: false,
        barWidth: 1,
        lineStyle: {
          color: "yellow" // 设置线的颜色为红色
        }
      },
      {
        data: [],
        name: "DIF",
        showSymbol: false,
        type: "line",
        barWidth: 1,
        lineStyle: {
          color: "#ffffff" // 设置线的颜色为红色
        }
      },

      {
        data: [],
        name: "CCI",
        showSymbol: false,
        yAxisIndex: 2,
        type: "line",
        barWidth: 1,
        lineStyle: {
          color: "blue" // 设置线的颜色为红色
        }
      },
      {
        name: "MA5",
        type: "line",
        data: [],
        yAxisIndex: 1,
        showSymbol: false,
        lineStyle: {
          color: "#ffffff"
        }
      }
    ]
  });

  // 动态设置y轴最大值
  const setMaxY = (max3: number, min0: number, params4: any) => {
    option.value.yAxis[0].max = max3 / 4;
    option.value.yAxis[0].min = min0 * 2;

    const kMax = max3;
    // k线
    option.value.yAxis[1].max = kMax;
    // cci
    option.value.yAxis[2].max = params4.max4 * 4;
    option.value.yAxis[2].min = params4.min4 * 3;
  };

  return {
    loading,
    option,
    setMaxY
  };
};
